<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
  <title>墨阅</title>
    <link rel="icon" href="../../img/logoimg.png" type="image/ico">
  <style>
    body{margin: 0;}
    .kongjian{
    width: 34px;
    height: 26px;
    border: 1.5px solid;
    border-radius: 3px;
    margin-right: 5px;
    background-color: transparent;
    color: #9E9E9E;
    float:right;
    }

    .bgc-content a {
    height: 26px;
    width: 50px;
    display: none;
    }

    .bgc:hover .bgc-content a {
         display: block;
    }
    .btn{
       width: auto;
        height: 30px;
        background-color: whitesmoke;
        border: #afaaaa 1px solid;
        border-radius: 5px;
    }
    .choose{
        background-color: #f99e01;
    }
</style>
</head>
<script type="application/javascript" src="../../js/jquery-3.6.0.min.js"></script>
<body>

<!--加id="content"。控制字体大小，粗细，宋楷黑体和屏幕宽度-->
       <div id="content" style="margin: 0 auto;">
           <th:block th:utext="${c.bChapter}"></th:block>
       </div>

<!--此为背景选择js代码，代替read.js中的背景切换代码-->
<script>
if (!localStorage.bg)
{localStorage.bg="#f6f1e7";
localStorage.content="";
document.body.style.backgroundColor=localStorage.bg;
}
else
{document.body.style.backgroundColor=localStorage.bg;
document.getElementById("content").style.color= localStorage.content;}

function bgc(bgc) {
localStorage.bg=bgc;
localStorage.content="";
document.getElementById("content").style.color="";
document.body.style.backgroundColor=localStorage.bg;
if(bgc=="#18222d")
{localStorage.content= "#adadad";
document.getElementById("content").style.color= localStorage.content;}
  }
</script>

<!--在body标签结束前引入js-->
<script src="../../js/read.js"></script>
</body>
</html>
